<!--
  银行编码code 

  @author terrfly
  @site https://www.jeequan.com
  @date 2022/03/01 14:57
-->

<template>
    <a-select show-search :value="props.value" :key="props.key" placeholder="选择开户银行" :disabled="props.readonly"
        @change="changeFunc">
        <a-select-option v-for="(item) in props.allList" :key="item.pbcBankId" :value="item.branchName">
            {{ item.branchName }}
        </a-select-option>
    </a-select>
</template>
<script lang="ts" setup>
import { defineProps } from 'vue'




const props:any = defineProps({
    value: { type: Array, default: null },
    key: { type: Array, default: null },
    readonly: { type: Boolean, default: false },
    allList: { type: Array, default: null }
})


// emit 父组件使用： v-model="val" 进行双向绑定。
const emit = defineEmits(['update:value', 'change','changeSelect'])

// 当属性发生了变化， 需要通过函数向父组件通信 --》 父组件再通知子组件进行数据的变化。 
function changeFunc(value,key) {
    emit('update:value', value)
    emit('changeSelect', key)
}

</script>

